<template>
    <div>
        <el-result>
            <template #icon>
                <el-image
                    :src="data.notFoundImage"
                    style="width: 500px;height: 500px;"
                />
            </template>
            <template #extra>
                <el-button type="primary" @click="back">返回</el-button>
            </template>
        </el-result>
    </div>
</template>

<script>
import {reactive} from "vue";

export default {
    setup() {
        const data = reactive({
            notFoundImage: require('../assets/static/images/404错误.png')
        })
        const back = () => {
            history.back()
        }
        return {
            data,
            back
        }
    }
}
</script>